<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" :title="mixinEdit_editTitle" width="80%" :visible.sync="mixinEdit_editVisible"
    title="开团列表" append-to-body>
    <div v-loading="loading" style="height: 100%;">

        <el-table :data="list" border :ref="mixinPage_vueName+'TableSmall'" style="width: 100%;height: 100%;"
            @selection-change="mixinTable_handleSelectionChangeTableSmall">
            <el-table-column prop="id" label="编号" width="50" align="center">
            </el-table-column>
            <el-table-column label="头像" align="center" width="70">
                <template slot-scope="scope">
                    <ImageBox style="height: 50px;width: 50px;" :src="scope.row.member.icon"></ImageBox>
                </template>
            </el-table-column>
            <el-table-column label="昵称" prop="member.nickName">
            </el-table-column>
            <el-table-column label="起止时间" width="300">
                <template slot-scope="scope">
                    {{ scope.row.start_time }}至{{ scope.row.end_time }}
                </template>
            </el-table-column>
            <!-- <el-table-column prop="member_number" label="几人团" align="center">
            </el-table-column> -->
            <el-table-column prop="remain_time" label="活动有效时间(分钟)">
                <template slot-scope="scope">
                    {{ (scope.row.remain_time / 60 ).toFixed(0) }}分钟
                </template>
            </el-table-column>
            <el-table-column label="拼团状态" prop="status_message">
            </el-table-column>
            <el-table-column label="操作" align="center" width="240">
                <template slot-scope="scope">
                    <el-button @click="group(scope.row.id)" v-if="scope.row.status == 1">虚拟成团</el-button>
                    <el-button @click="viewDetails({id: scope.row.id})">查看详情</el-button>
                </template>
            </el-table-column>

        </el-table>

    </div>
    <div slot="footer">
        <el-row>
            <el-col :span="12" style="text-align: left;">
                <el-button @click="mixinEdit_resetForm('editForm')">重 置</el-button>
            </el-col>
            <el-col :span="12">
                <el-button @click="cancel()">取 消</el-button>
                <el-button type="primary" @click="mixinEdit_editFormSubmit({model:'form',ref:'editForm'})">确
                    定</el-button>
            </el-col>
        </el-row>
    </div>
</el-dialog>